.active {
    background: white;
    color: #569C04!important;
}

.padding-top-row {
    padding-top: 20px;
}

.nav-footer {
    list-style: none outside none;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-top: 30px;
}
.nav-footer > li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.nav-footer > li > a {
    color: graytext;
}
.line-w {
    border-right: 1px solid #A3A5A1;
    height: 14px;
    margin-right: 5px;
    margin-top: 5px;
    width: 1px;
}

.nav-footer .nav-li-first {
    padding-right: 25px;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 95%;
}
@media(max-width:800px) {
    .collapse {
        display: none!important;
    }
}

.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('/youlike/html/images/301.GIF') 
        50% 50% 
        no-repeat;
}

body.loading {
    overflow: auto;   
}

Anytime the body has the loading class, 
body.loading .modal-loading {
    display: block;
}